<template>
  <div class="bgImg">
    <div class="body">
      <!-- 标题 -->
      <div class="wenzi">
        <h1>rss</h1>
        <i class="iconfont icon-xian-xuxian"></i>
        <span>Rss</span>
      </div>
      <!-- 用户上传 -->
      <!-- <el-dialog :title="addName" :visible.sync="dialogAddFile" width="500px" style="padding:0;" @close="resetAdd"> -->
          附件名称：<el-input v-model="addFileName" autocomplete="off" size="small" style="width: 300px;" ></el-input>
          <div class="add-file-right" style="height:70px;margin-left:100px;margin-top:15px;">
              <div class="add-file-right-img" style="margin-left:70px;">上传文件：</div>
              <!-- <input type="file" ref="clearFile" @change="getFile($event)" multiple="multiplt" class="add-file-right-input" style="margin-left:70px;" accept="image/*,.docx,.doc,.pdf"> -->
              <input type="file" ref="clearFile" @change="getFile($event)" multiple="multiplt" class="add-file-right-input" style="margin-left:70px;" accept="image/*">
              <span class="add-file-right-more">支持扩展名：.doc .docx .pdf </span>
          </div>
          <div class="add-file-list">
              <ul>
                  <li v-for="(item, index) in addArr" :key="index"><a >{{item.name}}</a></li>
              </ul>
          </div>
          <div slot="footer" class="dialog-footer">
              <el-button type="primary" @click="submitAddFile" size="small">开始上传</el-button>
              <el-button @click="resetAdd" size="small">全部删除</el-button>
          </div>
      <!-- </el-dialog> -->
    </div>

  </div>
</template>
<script>
export default {
  data() {
    return {
      addFileName:"",
      dialogAddFile:false,
      addArr:[],
      isLogin:"",
      user_id:""
    }
  },
  mounted(){
    this.isLogin = this.$store.getters.getShow;
    if(this.isLogin){
      this.user_id = this.$store.getters.getUser.user_id;
    }
  },
  methods: {
    resetAdd(){

    },
    getFile(event){
      var file = event.target.files;
        for(var i = 0;i<file.length;i++){
          console.log(file[i]);
          //    上传类型判断
          var imgName = file[i].name;
          var idx = imgName.lastIndexOf(".");//lastIndexOf 是查某个指定的字符串在字符串最后一次出现的位置（索引值）（从右往左）
          // console.log(idx);
          if (idx != -1){
            //定义和用法
            // substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
            // 语法
            // stringObject.substr(start,length)
            // 参数	描述
            // start	必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
            // length	可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。
            // toUpperCase()方法将字符串小写字符转换为大写。
              var ext = imgName.substr(idx+1).toUpperCase();//将文件后缀名转为大写
              // console.log(ext);
              ext = ext.toLowerCase( );//toLowerCase() 方法用于把字符串转换为小写。
              // console.log(ext);
              //   if (ext!='pdf' && ext!='doc' && ext!='docx'){
              //     alert("要pdf doc docx文件才可以哦")
              // }else{
              //       this.addArr.push(file[i]);
              // }
              this.addArr.push(file[i]);
          }else{

          }
        }
    },
    submitAddFile(){
      if(0 == this.addArr.length){
        this.$message({
          type: 'info',
          message: '请选择要上传的文件'
        });
        return;
      }

      var formData = new FormData();
      formData.append('num', this.addType);
      formData.append('linkId',this.addId);
      formData.append('rfilename',this.addFileName);
      for(var i=0;i<this.addArr.length;i++){
          formData.append('fileUpload',this.addArr[i]);
      }
      let config = {
        headers: {
          'Content-Type': 'multipart/form-data',
          'Authorization': this.token
        }
      };
      this.axios.post(apidate.uploadEnclosure,formData,config)
        .then((response) => {
            if(response.data.info=="success"){this.$message({
                    type: 'success',
                    message: '附件上传成功!'
                });
            }
        })
    },
  }
}
</script>
<style scoped>

</style>
